:root { 
 --backcolor: #ebecee;    
 --etiquettebackcolor: rgb(255,255,255);
 --frontcolorprincipal: rgb(71,71,71);
 --frontcolorsecondaire: rgb(0,114,188);
 --tableoddcolor: rgb(255,255,255);
 --tablebordercolor:rgb(221,221,221);
 --tableevencolor: rgb(255,255,255);
 --tablesortoddcolor: rgb(255,255,255);
 --tablesortevencolor: rgb(255,255,255);
/* modifs variables Less Michael */
--backcolorheader: #f4f5f7;
    /* Panel liste produits*/
    --produitscolor1: #777777;
    --produitscolor2: #777777;
    --produitscolor3: #D6D6D6;
/* fin modifs Michael */
--gap : 20px;
--paddinggeneral: 30px 0 0 0;
--paddingmarge : 15px;
--fontsizetitle : 19px;
--fontweighttitle : bold; }

* { margin:0px;}
body { background-color:#f3f3f4;color: var(--frontcolorprincipal); font-family: open sans, sans-serif;}


.BorderRed {border-color: #a60e09 !important;}
.BorderRedAlert {border-color: #ff0000 !important; }
.BorderRedAlert:placeholder {color:#ff0000 !important;}
.BorderRedAlert:-moz-placeholder {color:#ff0000 !important;}
.BorderRedAlert::-webkit-input-placeholder {color:#ff0000 !important;}
.BorderRedAlert:-ms-input-placeholder {color:#ff0000 !important;}

/********************************/
/*          MY SPACE            */
/********************************/
.ui-autocomplete{z-index: 2000;}
.caddie_value{padding-right:10px;padding-left:10px;}
.addqtite,.removeqtite{color:#428bca;font-size:8px;}
.qtecaddie{padding-right: 4px;padding-left: 4px;}
.checkposition2 {float: right;margin-right: -30px;font-size:1.5em;}
.checkposition {float: right;margin-top: -25px;margin-right:5px;font-size:1.5em;}
.checkrenewal{float: right;margin-right: 80px;}
.checkpositioncomment {    margin-top: -130px; margin-right: 5px; font-size: 1.5em; float: right;}
.checkpositionwithexclamation {float: right;margin-top: -27px;margin-right: -50px;font-size:1.5em;}
.checkpositionexclamation {float: left;margin-top: 7px;margin-left: 35px;font-size: 1.5em;}
.checkpositionclientfinal{font-size:22px; position: absolute; right: 126px; top: 13px;}
.checkfavori {position: absolute;right: 15px;font-size:1.4em;}
#echeancecheck,#echeancesuccess, #relancecheck,#relancesuccess,#commentairerevcheck,#commentairerevsuccess, #statutcheck,#statutsuccess, #opportunitecheck,#opportunitesuccess,
#renewalsuccess,#renewalcheck, #favoricheck,#favorisuccess{display:none;}
#commentairerevsuccess { margin-top:-27px !important}
#FAVORI{zoom: 1.5;}
.labeldateheader{font-size: 10px;margin-top: -11px;}
.spandatecreation{color: #fff;}
.spanrenewal{color: #fff;}
.spandatevalidite{color: #fff;}

.messagealertdiv{display:none;}
.ui-datepicker{z-index:1000!important;}
.tooltip-inner{max-width: 400px!important;width: 300px!important;}

.END_USER_RAISON_LBL,.END_USER_CONTACT_LBL{font-size: 11px;}
.labelrenewal{font-size:11px;}
.elementcursor{cursor:pointer;}
.alignRight { text-align: right; }
.updatecheck,.updatesuccess{display:none;font-size:1.5em;}
.updatesuccess { color:#0abb87;}
.modif-devis { font-size:20px;line-height: 45px;text-align: center;background-color:#f9f9fc;padding: 20px; font-weight:bold}

/*******************/
/* MENU NAVIGATION */
/*******************/

/************************************************************************************************************************************/

/********************/
/* ELEMENTS GENERAL */
/********************/
.main-container{padding:0px 30px;}

h3{margin-top: 0;font-size: 22px;}

.text-right {text-align: right !important;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.float-none {float: none;}

/* COULEUR DES TITRES GENERAUX */
.color-arelancer { color:#FF0;}
.color-devis { color:#ff981c;}
.color-commandes {color:#0abb87;}

.CursorPointer {cursor: pointer;}
.pointer {cursor:pointer;}

/* BOX + TITRES */

.dbox { background-color:#fff; box-shadow: 0 0 13px 0 rgba(82,63,105,.05); padding:18px; font-size:13px; margin:0 0 20px 0px;}
.dbox h1 {font-weight: bold; font-size: 18px; padding:0 0 0px 0; line-height:23px; margin-top: 0px;}
.dbox h1 i { margin:0 10px 0 0;}
.dbox h2 {font-size:18px; font-weight:bold; padding:0px 0px 15px 0px; color:#010101;}


.marge{padding-left: var(--paddingmarge);}
.marger{padding-right: var(--paddingmarge);}

.bgwhite{background: #fff;}
.labelright {text-align: right;display: block;}
.devisgeneral {border: 1px solid #ccc;padding: 30px;background-color: #f4f5f7; }
.form_entete{padding-bottom: 10px;border-bottom: 2px solid #000;}
.form_main{padding-top: 10px;}
.actions{text-align:center;}

.devisgeneralcaddie {padding: 30px;}
.form_entete{padding-bottom: 10px;border-bottom: 2px solid #000;}
.form_main{padding-top: 10px;}
.actions{text-align:center;}
.devisgeneraltitre{padding: 20px 0px 10px 20px;background-color:#037393;color:#ffffff;}


/* bootstrap modif*/
.navbar{margin-bottom:0px;background-color: #f3f3f4;}
.navbar-home{background:none;}
.navbar-brand{padding:0px 15px;}
.navbar-brand img{ padding: 27px 0;}
.login-text{font-weight: bold;font-size: 12px;color:#555a5d!important;}
.dropdown-menu > li > a{color:#555a5d!important;}
.login-logo-top{margin-top:50px;margin-bottom: 30px;}
.divlibellelogin{text-align: left;}
.libellelogin{padding-bottom:5px;}
.divlibellelogin a{color:#000;cursor:pointer;text-decoration: underline; font-size: 16px;}
.btn-connexion-login{height: 45px;font-size: 18px;}
.btn-connexion{width:100%;background-color:#0abb87;color:#ffffff; margin-top: -19px;}
.btn-connexion:hover{color:#ffffff;}

.loginslogan{color:#ffffff;float:left;margin-left: 40px;margin-top: 190px;font-size: 30px;font-weight: normal;text-align: left;}
.navbar-right{margin-right:10px !important;}
.panel {background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;border: none;border-radius: 4px;margin-bottom: 20px;}
.panel-info > .panel-heading {background-color: var(--produitscolor3);border-color: var(--produitscolor2);color: var(--produitscolor1);}
.update_caddie{margin: 5px;}
.delete_item_caddie{margin-left: 5px;}
.glyphicon {top: 0;}
.bs-callout {padding: 20px;border: 1px solid #eee;border-left-width: 5px; min-height:320px; margin-bottom:15px;}
.bs-callout h4 {margin-top: 0;margin-bottom: 5px;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code {border-radius: 3px;}

.bs-callout-default {border-left-color: #777;}
.bs-callout-default h4 {color: #777;}
.bs-callout-primary {border-left-color: #428bca;}
.bs-callout-primary h4 {color: #428bca;}
.bs-callout-success {border-left-color: #5cb85c;}
.bs-callout-success h4 {color: #5cb85c;}
.bs-callout-danger {border-left-color: #d9534f;}
.bs-callout-danger h4 {color: #d9534f;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout-info {border-left-color: #5bc0de;}
.bs-callout-info h4 {color: #5bc0de;}

.dashboardsection{padding: 20px 20px;}
.separationbottom{padding-bottom:var(--gap);}
.separationtop{padding-top:var(--gap);}
.labelbottom{padding-bottom:10px;}
.title{color:var(--frontcolorprincipal);font-size: var(--fontsizetitle);font-weight: var(--fontweighttitle);}
#col-tree{overflow: auto;}
tr.odd,tr.even {background-color: var(--tableoddcolor);border-bottom: 1px dotted var(--tablebordercolor);padding: 8px;line-height: 1.42857143;vertical-align: top;height: 50px;}
tr.odd td,tr.even td{padding-top: 10px;}
tr.odd td.sorting_1 ,tr.even td.sorting_1{background-color: var(--tablesortoddcolor);}

/* INDEX */ 
.relancehome { min-height:374px !important; background-color: #037393; color: #fff;}
#tips table { font-size:14px; margin:15px 0px 0px 0px;}

.etiquette{background-color: var(--etiquettebackcolor);padding: 18px;font-size:13px; box-shadow: 0 0 13px 0 rgba(82,63,105,.05);}
#notRecommended { font-size: 16px; line-height: 30px; padding:5px !important;}
.etiquettetitre{font-weight: bold;font-size: 18px;padding-bottom: 20px; color:#010101; line-height:23px;}
.textsousetiquette{color:#a91612;font-size: 14px;font-weight: bold;}
.textsousetiquette:hover{color:#a91612;}
.etiquettetableheader{font-weight: bold;border-bottom: solid #ddd 1px;}
.etiquettebouton{float: right;}
.etiquetteimagepub{width:100%;}
.btn-detail {font-size: 16px;padding: 13px 15px; line-height:1;}
.btn-modifier{background-color: #979b9e;color: white;margin-right:10px;}
.btn-modifierPanier{background-color: #979b9e;color: white; margin: -5px; float: right;}
.btn-modifierPanier:hover{color: white; }

.btn-valider{background-color: #0abb87;color: white;}
.btn-supprimer{background-color: #a60e09;color: white;}
.btn-supprimer:hover{background-color: #a60e09;color: white;}
.btn-download{background-color: #06969d;color:#fff; margin-left:5px; padding: 13px 15px;}
.btn-download:hover{background-color: #06969d;color: #fff;}
#titrecaddie{font-weight: bold;font-size:20px;padding-bottom:20px;}

table.display tbody tr{font-size:13px;}
table.display tfoot th{border-width: 0px;padding: 8px 18px 8px 10px;}
table.display tfoot{border-bottom: 1px solid #dddddd;}
.footerrightth{border-top: 1px solid #dddddd!important;}

.gap{height:var(--gap);}
.closebuttonstyle:hover{cursor: pointer;}
#tree a {white-space: normal !important;height: auto;padding: 1px 2px;max-width: 97%;}
.caddititle{background-color:#037393;color: #ffffff;padding: 10px 10px 10px 40px;font-size: 15px;font-weight:600;}
.devisgeneral #modal-1{width:60%;}
#enduserdiv{margin-bottom: 20px;}
.contact-table{margin-top:20px;}
.contact-item { text-align:left !important}
.contact-item label{width:150px; text-align:left}
.contact-item span{margin-left:20px;}

.PanierDelete{font-size: 1.4rem; padding: 0.3rem 0 0 0;}


.btn-modal {cursor: pointer;font-size: 20px; cursor: pointer; font-size: 18px; top: 3px !important;}
.infos_contact_box {background: #f7fcff none repeat scroll 0 0;box-shadow: 3px 3px 5px 2px #ddd;display: none;font-weight: bold;margin-left: -480px;margin-top: -60px;padding: 20px;position: absolute;width: 70%;}
.infos_contact_box.visible{display:block;}
#END_USER_CONTACT tr span.glyphicon-ok{display: none;}
#END_USER_CONTACT tr.selected span.glyphicon-ok{display: block;}
#myCarousel{margin-top:50px;}




#newenduserdetail{position:absolute;top: 42%;left: 50%;display:none;background-color:white;margin: -250px -200px 0 -570px;width: 100%; min-height:594px; z-index: 100; padding: 20px;}
.addcontactlink.disabled{pointer-events: none;color:#ccc;cursor: none;}
#supprDevis{ margin-right:10px;}
#DetailProbaSuppr {background-color: white;box-shadow: 0 0 4px #000;display: none; margin-left:-285px; margin-top:-240px; position:absolute; left:50%; top:50%; padding: 63px;width: 570px;z-index: 99999;}
.overlay {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;height: 100%;left: 0;opacity: 0;position: fixed;top: 0;transition: all 0.3s ease 0s;visibility: hidden;width: 100%;z-index: 1000;}
.overlaytest {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;height: 100%;left: 0;opacity: 1;position: fixed;top: 0;transition: all 0.3s ease 0s;display: none;width: 100%;z-index: 1000;}

.treetitle{font-size: 15px;font-weight: bold;padding-bottom: 12px;}   
.button-right { float:right; text-align:right; background-color: #826251; padding: 5px 10px; border-radius: 5px; color:#fff;}
.button-right a, .button-right a:hover { color:#fff; text-decoration:none; font-weight:bold;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border-top: 1px dotted #ddd;}
.clear { clear:both;}

.header { padding:0px !important; background-color:#fff;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#fff !important}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ background-color:#fff !important;}
.navbar {border:none !important; box-shadow: 0 0 0px 0 rgba(82,63,105,0.05);}

.loginmenuelement { margin-right:30px;}
.dropdown-menu { top:95px !important; min-width:180px !important;}

.logo { margin-left:30px; margin-right:50px;}

.dataTables_filter { margin-top:17px;}
.table.display { margin-bottom:15px !important;}
.opportunite { margin-top:3px; margin-left:20px;}
.nopadding { padding:0px !important}

.iconavant { color:#fff !important; cursor:pointer; font-size:17px !important; }

.yellow {color:#FFFF00;}

/*******************************/
/*       GLOBAL             */
/*******************************/

/* MENU */
.labelmenu{margin-top:1px;font-size: 12px; padding-top:32px; cursor:pointer;}

.avantyellow {background: linear-gradient(90deg, #826251 1%, #fff 1%);}
#avant a {color:#fff;}
#avant .etiquettetitre { color: #FFFF00 !important;}
.avantbutton { background-color:#fff;}
.avantbutton a{color:#037393 !important;}
.blue {color:#037393 !important;}

.etiquetteavant:hover,  .etiquetteavant:active{background-color: #045971 !important;}
.float-right { float:right !important;}
.right { text-align:right !important;}
.center { text-align:center !important;}
.margintop20 { margin-top:20px;}
.margintop30 { margin-top:30px;}
.margintop40 { margin-top:40px;}
.margintop5 { margin-top:5px;}
.margintop15 { margin-top:15px;}
.margintop10 { margin-top:10px;}
.margin5 { margin:5px 0px 5px 0px !important;}
.marginbottom40 { margin-bottom:40px;}
.marginbottom15 { margin-bottom:15px;}
.marginbottom30 { margin-bottom:30px;}
.marginleft40 { margin-left:40px;}

.btngreen { background-color:#41bf71 !important; border-color:#41bf71;}
.btngreen:hover { background-color:#26a355 !important; border-color:#26a355;}



.icon-title { margin-right:10px; height:23px;}
.icon-menu { height:29px;}

.margin { margin-left:auto !important; margin-right:auto !important; float:none;}
.marginleft15 {margin-left:15px}
.padding10 {padding-left:10px;}
.paddingtop10 { padding-top:10px;}

.dataTables_length { height:40px; margin-top:25px;}
.listdevistable_length { height:35px !important;}
.listdevistable_length label { line-height:25px !important; background-color:#CCC !important;}
#listdevistable { table-layout: fixed !important; word-wrap:break-word;  border-collapse: collapse;}

/*******************************/
/*       DEVISLAST             */
/*******************************/
.lblckb{margin-bottom:10px; padding-left:3px; line-height:16px; cursor:pointer; font-weight:normal;}
input[type="checkbox"]:checked + .lblckb:before { font-weight:bold;}
input[type="checkbox"] + .lblckb:hover:before {border: 1px solid #000;   position: absolute; background-color:#fff !important; font-size: 18px; font-weight: bold;}
input[type="checkbox"] + .lblckb:hover {font-weight: bold;}
input[type="checkbox"] + .lblckb:before { content: "\00a0";position: absolute;left: -10px; top: -2px; width: 18px;height: 18px; border: 1px solid #ccc;}
input[type="checkbox"]:checked + .lblckb:after { content: "\2713";position: absolute; left: -6px; top: -4px; font-size: 20px; font-weight: bold; color: black; width: 18px; height: 18px;}
.typedevis {font-weight:bold !important;} 


/*******************************/
/*     DEVIS DETAILS           */
/*******************************/

.ui-autocomplete{z-index: 2000;}
.caddie_value{padding-right:10px;padding-left:10px;}
.addqtite,.removeqtite{color:#428bca;font-size:8px;}
.qtecaddie{padding-right: 4px;padding-left: 4px;}
.checkposition2 {float: right;margin-right: -30px;font-size:1.5em;}
.checkposition {float: right;margin-top: -25px;margin-right: 5px;font-size:1.5em;}
.checkposition3 {float: right;margin-top: 0px !important;margin-left: 63px !important;font-size:1.5em;} 
.checkrenewal{float: right;margin-right: 80px;/*position: absolute;margin-top: -7px;font-size:1.5em;margin-left: 5px;*/}
.checkpositioncomment {margin-top: 10px;margin-left: -26px;font-size:1.5em;}
.checkpositionwithexclamation {float: right;margin-top: -27px;margin-right: -50px;font-size:1.5em;}
.checkpositionexclamation {float: left;margin-top: 7px;margin-left: 35px;font-size: 1.5em;/*position: absolute;*/}
.checkpositionclientfinal{font-size:1.5em;display:none;}
.checkfavori {position: absolute;/*margin-right: -15px;margin-top: -24px;position: absolute;*/right: 15px;font-size:1.5em;}
#echeancecheck,#echeancesuccess, 
#relancecheck,#relancesuccess,
#commentairerevcheck,#commentairerevsuccess,
#statutcheck,#statutsuccess,
#opportunitecheck,#opportunitesuccess, 
#renewalsuccess,#renewalcheck,
#favoricheck,#favorisuccess{display:none;}
#FAVORI{zoom: 1.5;}
.labeldateheader{font-size: 10px;margin-top: -11px;}
.spandatecreation{color: #fff;}
.spanrenewal{color: #fff;} 
.spandatevalidite{color: #fff;}
.labeldevisdetail{font-size:12px;width:100%;}
.valuedevisdetail{font-size:16px;width:100%;}

.messagealertdiv{display:none;}

.ui-datepicker{z-index:1000!important;}
.tooltip-inner{max-width: 400px!important;width: 300px!important;}
.control-label,.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-size: 12px;}
.END_USER_RAISON_LBL,.END_USER_CONTACT_LBL{font-size: 11px;}
.labelrenewal{font-size:11px;}
.elementcursor{cursor:pointer;}
.alignRight { text-align: right; }
.updatecheck,.updatesuccess{display:none;font-size:1.5em;}
#btnClose{cursor:pointer;}
#detailenduser,.addcontactlink,.btnacceptclient{display:none;}
.validstep2,.validstep3{display:none;}
.chosen-container,.chosen-select{width:100%!important;}
.md-overlay {z-index: 500!important}
.md-overlay3 {position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0;    opacity: 0;	z-index:1000;    background: rgba(0,0,0,0.7); transition: all 0.3s;}
.md-modal {z-index: 600!important}
.navbar-fixed-top{z-index:30!important}

#END_USER_RAISON { height:50px; line-height:50px; border-radius:0px !important; border:1px solid #eee; margin-bottom:15px; width:100%}
.add-raison-popup { position:absolute; z-index:99; right:20px; top:79px; text-align:right;}
.nouveauraison {top:158px !important;}
.add-raison-popup a{ padding: 0px 8px 9px 8px; font-size: 15px; color: #474747; text-decoration: none;    text-transform: uppercase;    font-weight: bold;    background-color: #428bca;    border-radius: 5px;    color: #fff;}
.add-raison-popup a:hover{color:#fff; text-decoration:none !important;}
.notop { top:inherit !important; }

.titlepopup { font-size:16px; padding:0px 0px 10px 0px; }

.IconSecteur {font-size: 23px; position:absolute; right:0px; top:10px; display: inline-block;margin-right:20px;}
.btn-modifier:hover, .btn-modifier:active, .btn-modifier:focus { background-color:#808284; color:#fff !important;}
.btn-valider:hover, .btn-valider:active, .btn-valider:focus{background-color:#0abb87; color:#fff !important;}

.rappel { height:35px; background-color:#037393; width:100%; line-height:35px; color:#fff; font-size:16px; padding-left:10px; margin-bottom:5px; display:none;}
.opport {height:55px; width:100%; line-height:35px; font-size:16px; padding:10px; margin-bottom:5px;}
.rappel-img {margin-right:10px; height:22px; margin-top:-2px;}

.validite, devisnamecommande { font-size:13px; font-weight:bold;margin:7px 0px;}

.renewal { height:51px; position:absolute; top:30px; right:110px;}
.favoris {height:51px; position:absolute; top:30px; right:35px; text-align:center;}
.fav { font-size:34px; padding-bottom:5px;}
.fav-text {color:#ffc107; padding-top:12px}

.help { margin-left:0px !important; margin-right:3px !important; font-size:22px;}
.conditions { margin-left:0px !important; margin-right:5px !important; font-size:15px; font-weight:bold;}
.conditions-top { margin-top:10px;}

#clientfinalexclamation { margin-right:8px;}

.opport-input { height:35px !important; border:none !important; color:#333; font-size:14px;}
.relance-input, .contact-input, .addcontact { height:35px !important; border:solid 1px #ddd; border-radius:0px !important;}
.addsearch {height:55px !important; border:solid 1px #ddd; border-radius:0px !important; padding-left:50px !important; background-image:url('images/search2.png'); background-repeat:no-repeat;}
.comments-input {border-bottom: solid 1px #ddd; border-left:solid 1px #ddd; border-right:solid 1px #ddd; border-top:none !important; font-size:14px;}
.comments-input:focus{outline:none;}
.infos-relance { height:35px; line-height:35px; font-size:1.4rem; padding-right:0px !important;}
.ClientFinalNouveauDevis { padding-left: 10px;}
.infos-statut { height:35px; line-height:35px; font-size:1.4rem; padding: 0px 0px 0px 15px;}
.infos-statut-devis{ height:35px; line-height:35px; font-size:16px; padding: 0px 0px 0px 40px; margin-top:15px}

.infos-comments{ height:35px; line-height:35px; font-size:16px; margin-top:15px; border-top: solid 1px #ddd; border-left:solid 1px #ddd; border-right:solid 1px #ddd;}

.devis-message { padding:15px; border: solid 1px #ddd; background-color:#fcf9f9; overflow-y: scroll; max-height: 155px;}

.numcommande { font-weight:bold; margin-top:16px; font-size:16px !important; margin-bottom:10px; color:#ff6961;}
.opport-retour { font-size:16px; font-weight:bold;}

.client { background-color: #f9f9fc; padding: 15px 0px 15px 0px !important; font-weight: bold; height:auto !important; position:relative;}
.title-devisdetail{font-weight: bold; font-size: 15px;padding-bottom: 20px;color: #010101;line-height: 23px;}

.end-user-raison{ font-size:14px; line-height:normal !important; margin-top: 10px;margin-bottom: -4px; text-transform:capitalize; white-space: nowrap; max-width:25ch; overflow: hidden;     text-overflow: ellipsis;}
.end-user-contact { font-size:14px; font-weight:normal !important; margin-bottom:5px; text-transform:capitalize}
.icons-finalclient {padding:10px;}

.newcontact {font-size: 16px;color: #474747;text-decoration: none; text-transform: uppercase;font-weight: bold;}
.newcontact a{color: #474747;text-decoration: none;}

.modal-plus {float: left !important;font-size: 16px; background-color:#42c1d1; padding: 0px 8px;border-radius: 5px; color: #fff; font-weight: normal;}
	
#clientfinalenduser { padding-top:4px !important;}

.btnsactions { margin-top:-75px !important;}

/****************************************/
/*      ICONES DEVIS DETAILS           */
/***************************************/
.silver {padding:7px; font-weight:bold; background-color:#e1e1e1}
.platinium {padding:7px; font-weight:bold; background-color:#cee7e9}
.gold {padding:7px; font-weight:bold; background-color:#efcc36}

.icon-promo-authorized { width:87px; height:24px; background-image:url('images/promos/authorized.png'); padding:3px;}
.icon-promo-bronze { width:87px; height:24px; background-image:url('images/promos/bronze.png'); padding:3px;}
.icon-promo-g2g { width:87px; height:24px; background-image:url('images/promos/g2g.png'); padding:3px;}
.icon-promo-gold { width:87px; height:24px; background-image:url('images/promos/gold.png');padding:3px;}
.icon-promo-ncr { width:87px; height:24px; background-image:url('images/promos/ncr.png'); padding:3px;}
.icon-promo-non-registered { width:122px; height:24px; background-image:url('images/promos/non-registered.png'); padding:3px;}
.icon-promo-platinium { width:87px; height:24px; background-image:url('images/promos/platinium.png');padding:3px;}
.icon-promo-prefered { width:87px; height:24px; background-image:url('images/promos/prefered.png'); padding:3px;}
.icon-promo-premier { width:87px; height:24px; background-image:url('images/promos/premier.png'); padding:3px;}
.icon-promo-registred { width:87px; height:24px; background-image:url('images/promos/registred.png'); padding:3px;}
.icon-promo-silver { width:87px; height:24px; background-image:url('images/promos/silver.png'); padding:3px; }
.icon-promo-percent { width:28px; height:28px; background-image:url('images/promos/percent.png'); padding:3px; margin-left:auto; margin-right:auto}
.icon-promo-label { width:28px; height:28px; background-image:url('images/promos/label.png'); padding:3px; margin-left:auto; margin-right:auto}

/********************************/
/*      NOUVEAU DEVIS           */
/********************************/
.checkpositionaddcaddie{float:right;}
#favorisuccess, #favoricheck {position:absolute; right:11px; top:9px;}
.updatecheck,.updatesuccess,.addcaddiecheck,.addcaddiesuccess{display:none;font-size:1.5em; }
.glyphmodel{font-size: 25px;left: -20px;top: 3px;}
.glyphicon-arrow-left{color: red;}
.glyphicon-ok{color:#0abb87;}
.tranchezone{display:none;}

.ref-nouveau { color:#000 !important; font-weight:bold; font-size:15px;}
.desc-nouveau { font-size:11px !important;}

.panierdelete { margin-top:3px;}

.update_caddie { display:none !important;}

article + [data-readmore-toggle], article[data-readmore] a{ color:#000 !important;}

#selecttree, #selectsecteur { text-transform:capitalize !important;}
.caddiefixed { position:relative !important; float:right !important; right:15px; margin-right:-15px;}



/*******************************/
/*           LOGIN             */
/*******************************/
.loginbox { width:500px; position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-240px;}
.initbox { width:500px; position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-295px;}
.passrein-box { width:740px; position:absolute; left:50%; top:50%; margin-top:-187px; margin-left:-370px; font-size:17px !important; float:none !important}
.logo-login { width:175px; height:100px; margin:40px auto 10px auto;}
.libellelogin { padding:0px !important; margin-bottom:10px; font-size:16px;}
.etape2{display:none;}
.btn-connexion{font-size: 16px;}
.divlibellelogin input, .emailrecover input { width:100% !important; height:42px; line-height:42px;}
.divlibellelogin input:focus { outline:none !important;}
.reinitialiseFormTitre { text-align:center; font-size:21px; margin-bottom:25px; font-weight:bold;}
.textreint { text-align:center; font-size:13px; margin-top:8px;}

#PASSWORD, #PASSWORD2 { width:100% !important; height:42px !important; line-height:42px !important;}
.viewpass { color: grey;position: absolute;margin-top: -30px;right: 30px;cursor: pointer;}
.reint{ text-align:center; font-size:20px; font-weight:bold;}
.email-reint{ padding:5px; border:solid 1px #ccc; border-radius:15px; margin:10px; text-align:center; font-size:16px;}
.reint-infos{ font-size:12px;}

.requirements { font-size:16px; color:#666; margin:15px 0px 0px -20px;}
.requirements li { padding:3px 20px; list-style:none;}

.alert-success {color: #fff !important; background-color: #0abb87 !important; border-color: #0abb87 !important;}
.alert-danger {color: #fff !important; background-color: #f2545b !important; border-color: #f2545b !important; }
#alertDevis {width:100%;margin-top:15px;text-align:center;margin-bottom:0px}

.dataTables_processing { display:none !important}

#END_USER_RAISON{background-image:url('images/search.png') !important; background-color:#fff !important; padding-left:55px !important; background-repeat:no-repeat;}
.search {font-size:16px !important;}
.searchbox { padding-top:17px; background-color:#f6f6f6; margin-bottom:10px; border-radius:10px;}

#devisid { height:42px !important;}

.btn-charte{ background-color:#0abb87 !important; border-color:#0abb87 !important; height:42px;}
.input {height:42px !important;}
.iconstartab{ font-size:18px !important; padding-left:4px; padding-right:4px;}
.iconsrenewtab {font-size:16px !important; padding-left:4px; padding-right:4px;}
.icontab {font-size:17px !important; padding-right:4px;}

.needclient, .secteurchange .alert-red, alert-yellow {background: red;margin-bottom: 15px; margin-top:10px;    height: 45px;    color: #fff !important;    line-height: 45px;    text-align: center;    font-size: 13px !important;}
.textclient {float: right; height: 45px;    background: red;    color: #fff !important;    font-size: 13px !important;    text-align: center;    line-height: 45px; margin-top:10px;}

#contactdetail{position:absolute;display:none;background-color:white;margin: -40px 0 0 -40px;width: 100%;z-index: 9999; box-shadow: 1px 1px 5px rgba(0,0,0, 0.2) !important; min-height:600px; }
.middlecontact { background-color:#fff; padding:40px 0px 0px 20px;}
.commandeinput { height:42px !important; border-radius:0px !important}
.chooseinput, .chosen-choices{ height: 49px !important; line-height: 49px; padding-left: 10px !important;}
.chosen-container-multi .chosen-choices li.search-choice {margin: 5px 5px 3px 0 !important; padding: 12px 20px 12px 5px !important;}
.iconecommande { position:absolute; z-index:9999; top:18px; right:-5px;}

.back {font-weight:bold; font-weight: bold; line-height: normal;font-size: 13px;padding-top: 10px;}
.finalclient-devis, .finalclient-commande { height:65px !important; line-height:65px !important; color: #06969d;}
#annulationtexteresult { text-align:left; margin-top:55px;}

#clientfinalenduserclone {top:3px !important;}



.remarques { min-height:280px; margin-bottom:15px;}

.firstletter { text-transform:none !important;}

.btn-bar-pos { /*position:absolute;*/ bottom:15px;}

#menu1.selectedmenu {border-bottom: solid 2px #ff2755 !important; padding-bottom: 7px !important;}
#menu2.selectedmenu {border-bottom: solid 2px #42c1d1 !important; padding-bottom: 7px !important;}
#menu3.selectedmenu {border-bottom: solid 2px #ff981c !important; padding-bottom: 7px !important;}
#menu4.selectedmenu {border-bottom: solid 2px #0abb87 !important; padding-bottom: 7px !important;}


#divcaddieppale { max-height:600px; overflow-y:auto;}

.infos-devisrelance { font-size:16px; text-align:center;}
.addcontactlink {padding-top:7px !important; padding-bottom:7px !important}
#newadresse { /*height:150px !important;*/}

.renewal-list { margin-top:-7px; margin-left:3px;}
#retablirDevis { padding-top:10px; padding-bottom:10px;}
#btnAddEndUser {float: right; padding-top: 0px !important; margin-top: 3px;}
.border-client { width:4px; background-color:#42c1d1; height:100%; position:absolute; left:0pz; top:0px;}

.textconditions {font-size: 16px; margin-top: 25px;line-height: 30px;}
.nobo {border:none !important;--webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075) !important;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075) !important; background-color:#fff !important;-webkit-appearance: initial;}
thead td { text-align:center !important;}
th, thead td { text-align:left !important;}

.form-control.is-invalid {border-color:#dc3545;}
.form-control.is-valid {border-color:#b6e823;}
.alert-red{background: red;margin-bottom: 15px;    height: 45px;    color: #fff !important;    line-height: 45px;    text-align: center;    font-size: 13px !important;}
.alert-yellow{background: #ff981c;margin-bottom: 15px;    height: 45px;    color: #fff !important;    line-height: 45px;    text-align: center;    font-size: 13px !important;}
#commandeOrigine{font-size: 13px;font-weight: bold;margin: 7px 0px;}
.marginLeft2Point{margin-left:4px}

.display-if{ display:inline-flex}
.addproduct-icon-plus {position:relative; left:25px;}
.addproduct-icon-sup {position:relative; left:30px; bottom:2px;}

.invalid-feedback {display: none;width: 100%; margin-top: .25rem; color: #dc3545; font-weight:bold; font-size: 18px;}
.form-control.is-invalid~.invalid-feedback{display:block};
.red{color: #dc3545;}
.fa-ban { margin-left:7px;}
.ColumnIcons { width:50px;}

/* FILTRES DEVISLAST - COMMANDELAST */
.FilterClose { float:right; font-size:2rem;}
.FilterOpen { float:right; font-size:2rem;}
.menuniv1 { padding:  0px 0px 5px 0px !important;}
.menuniv2 { margin: 0px 0px 15px 0px; border-bottom: 1px #efefef dotted;}

/* -------------------------------- */

table.dataTable tfoot th, table.dataTable tfoot td{border:none !important;}

.capitalize { text-transform:capitalize;}

#saveDevis { margin-right:16px !important;}

#openmodal4 { float:right;}

table.display thead th { background-color:/*#f3f0f0*/#0abb87; color:#fff; font-size:12px; text-align:center !important; font-weight: normal; cursor: default; }
table.dataTable thead th, table.dataTable tfoot th { font-weight: bold}
table.dataTable thead th, table.dataTable thead td {border:none !important;}

table.display {border: solid 1px #ccc;     margin-bottom: 20px; width: 100% !important;}
.supprchoice {margin-bottom: 10px; line-height:40px;background-color: #0195a7;color: #fff;}
.supprchoice:hover { background-color:#028191; color:#fff; font-weight:bold;}
.text-center { text-align:center !important;}

/*******************************/
/*           ICONES            */
/*******************************/
.iconePerime ~ .delete_item_caddie {position: relative; left: 15px;}
.iconePerime{position:relative}

.IconTrash, .alertline {font-size:1.7rem; font-weight: 500;} /* A RETRAVAILLER */


.StockChecked {font-size: 0.5em; position: relative; top: -13px; left: 0.01em;}
.Icon {cursor:pointer;}
#IconStock, #IconLicence { cursor:pointer; font-size:16px;}
.IconTab {padding:0px 5px;}
.LLicence { font-size:10px; position:absolute; padding-left:5px; font-weight:bolder; font-style:normal;}

#FAVORI-STAR { cursor:pointer;}
.favchecked {color: green; font-size: 0.7em; position: relative; top: 6px;}
.flecheselectcontact { color:#428bca;}
.presele { font-weight:bold;}

#search_produit, .algolia-autocomplete, .aa-hint { height:50px !important; border:none !important; font-weight:bold; color:#000;}
.input-group-addon {background-color: #000; color: #fff;}

.sablier { text-align:center; font-size:35px !important; margin-top:20px;}
#hourglass {font-size: 50px;}

.icon-wrapper {display: flex; flex-direction: column;align-items: center; margin: auto;}
.icon-wrapper div.fa {margin: 20px 0;}
.rotated {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);
transform: rotate(180deg);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
			
.cookies { background-color:#333; color:#fff; text-align:center; font-size:12px; width:100%; padding:10px; position:absolute; bottom:0px;}
.cookies-ok a {background-color:#009999; color:#fff; padding:6px; margin-left:5px; text-decoration:none;}

#passwordwindow {position: absolute; background-color: white; padding: 20px; top: 50% !important; border: 1px black solid !important;    margin-top: -230px; z-index:999; margin-left:-160px; left:50%}
.pass-input{height: 47px !important; border: solid 1px #ddd;  margin-bottom:7px;}
.pass-label { margin-top:15px;}
.opacity {opacity: 1; visibility:inherit; z-index:1; display:none;}

.btn-charte-devis{ background-color:#ff981c; border-color:#ff981c !important; height:42px;}
.btn-charte-devis:hover{ background-color:#ff981c; border-color:#ff981c !important; height:42px;}
.delete_item_caddie:only-child {position:relative} 
.messagesetdevisinterditdiv {background-color: white;    box-shadow: 0 0 4px #000;    margin-left: -117px;    margin-top: -117px;    position: absolute;    left: 50%;    top: 50%;    padding: 63px;width: 570px;z-index: 99999;}

.requiredadressecomplete { padding-left:155px; padding-top:10px; font-size:12px;}
.requiredenduserraisonsociale { font-size:12px; padding-left:155px; margin-top:48px;}
.required-new-enduserraisonsociale { font-size:12px; padding-left:155px; margin-top:9px;}

.search-adv {margin-top:20px; padding-left:30px; font-size:16px;}
.search-adv a { color:#000; text-decoration:underline;} 

.CommandeNotePopup{font-size: 15px; padding-top:22px; text-align:justify; margin-top:10px; margin-bottom:25px;}
#annulationraison {border:solid 1px #ddd; margin-bottom:15px;}
#annulationraison:focus {outline:none;}
#deleteRaisonObligatoire {display:none; font-size: 14px; color:#ff0000; text-align:left; margin:-10px 0px 20px 0px;}
/****************************************/
/*           NOUVELLES MODAL            */
/****************************************/
.BtnClose {position: absolute;top: 5px;right: 5px;font-size: 25px;cursor:pointer;}

.WarningModal { width: 430px; height:350px; /*margin:-175px 0 0 -215px;*/ border: 1px solid #ccc; text-align: center;} /* POPUP LORS D'UN CHANGEMENT DE PRIX DANS DEVISDETAIL */
.LoginForgetModal { width: 500px; height:300px; /*margin:-150px 0 0 -250px;*/ border: 1px solid #ccc; text-align: center;}
.DeleteCaddieModal {/*margin:-92px 0px 0px -250px;*/ border: 1px solid #ccc; width:500px; text-align:center; font-size: 17px;}
.ChangeSecteurModal {border: 1px solid #ccc; width:1160px; height: 538px !important; text-align:center; font-size: 17px;}
.DetailProbaSuppr {border: 1px solid #ccc; width:600px; text-align:center;}
.NotDeleteCaddieModal{/*margin:-100px 0px 0px -250px;*/ border: 1px solid #ccc; width:500px; text-align:center;}
.messagesetnumerocommandediv, .MailNotSend{padding: 40px; width:750px; text-align:justify; font-size:17px !important; height: 700px !important; /*margin-left:-375px; margin-top:-350px;*/}
.windowenduser{ width:1160px; /*margin-left:-580px; margin-top:-350px;*/overflow-y: scroll;overflow-x: hidden;height: 600px !important;}
/******* MODAL A RETRAVAILLER *************/

#modal-4 {/*margin-left: -250px;    margin-top: -175px;*/ height: 370px !important;  width:500px; text-align:center;}
#modal-7 {/*margin-left: -250px;    margin-top: -171px;*/  border: 1px solid #ccc; width:500px; text-align:center;}

#modal-10 {/*margin-left: -172px !important;    margin-top: -134px !important;*/}
.modal-11 {/*margin-left: -172px !important;    margin-top: -134px !important;*/}
#modal-11{/*margin-left: -350px;    margin-top: -160px; */   border: 1px solid #ccc; width:750px; height: 320px; text-align:center;}
#modal-12 {/*margin-left: -350px;    margin-top: -160px;*/    border: 1px solid #ccc; width:750px; height: 320px; text-align:center;} 
#modal-13{/*margin-left: -300px;    margin-top: -212px;*/    border: 1px solid #ccc; width:600px; text-align:center;}

#modal-9 {margin-left: -12%; margin-top: -15%; border: solid 1px #ccc;}

.WarningTitle {font-size:75px; color:#a60e09; margin: 0px 0px 45px 0px;}
.WarningInfos {margin: 0px 0px 45px 0px; display: block;}

.WarningModal h4 { margin: 0px 0px 20px 0px;} 

.newrequired { position:inherit !important; margin-left:124px; margin-top:5px !important; font-size:12px;}
.nowrap { white-space:nowrap;}

#contactdetail { height:700px;}

.md-show ~ .md-overlay {opacity: 1 !important;visibility: visible !important;}
.blk-bg { background-color:#fff !important;}


.fa-edit {color:#06969d;cursor:pointer; padding-top: 0px;}  
.RevendeurVille { text-transform: capitalize;;}
.typerevendeur {white-space: nowrap; max-width: 20ch; overflow: hidden; text-overflow: ellipsis;}


.detail_client_window{display:none;}
.tranchesecteur{display:none;}
.hideadresse{display:none;}
#btnClose{display:none;}
#btnCloseback{cursor:pointer;}
.md-overlayload{visibility: visible;opacity: 1;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 500;background: rgba(0,0,0,0.7);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.needclient,.textclient{display:none;color:red;font-size:20px;}
.detail_client_window{display:none;}
.requiredenduserraisonsociale{display:none;color:red;}
.requiredadressecomplete{display:none;color:red;}
.requiredcontact_nom{display:none;color:red;}
.requiredcontact_email{display:none;color:red;}
/*jeremie*/
.requiredcontact_tel{display:none;color:red;}
#closemodal4 {display:none;}

.popup { width:50%; position:absolute; margin-left:-12%; margin-top:-15%; height:60%;}

.arrow-content { margin:-6px 15px 0px 0px; float:left;}
.arrow-content2 { margin:-38px -38px 0px 15px; float:right;}
#arrowFadeIn-Contact, #arrowFadeIn-Modify { display:none;}
.arrow-contact { font-size:53px; color:#F00;}

.UpdatePosition { position: absolute; margin-left: 6.5rem;;}
input[type="button"]{outline:none !important;}

@media only screen and (max-width:1600px){ 
.valuedevisagence { line-height: 15px;}
.infos-relance {line-height: 15px;}}



/*****************************************************************/
/*                      DESIGN - HEADER                           /*
/*****************************************************************/
.menutop{min-height: 100px;}
.navbar-nav{padding-left:5px; height:95px;}
.navbar-nav li.loginmenuelement:hover{padding-bottom: 1px!important;}
.navbar-nav > li:hover{border-bottom:2px solid #555a5d;padding-bottom: 7px;}
.navbar-nav li a{font-weight:normal;}
.logo img {} 
.nav > li > a {padding: 30px 10px 0px 10px;}

/*****************************************************************/
/*                      DESIGN - FOOTER                          /*
/*****************************************************************/
.footerAll{width:100%;text-align:center; font-size: 12px; margin:20px 0 0 0; float: left;}
.footerHome{width:100%;text-align:center; position:fixed; bottom:0;font-size:12px;}
.adminfooter{width:100%; bottom:0;border-top:solid 1px #dddddd;text-align: center;padding: 10px 0 5px 0;margin-top: 20px;clear:both;}
.FooterLogo { margin:-5px 5px 0px 30px;} 

/*****************************************************************/
/*                      DESIGN - GENERAL                         /*
/*****************************************************************/

.Hide {display: none;}
/* 1.COLORS */

.ColorRed { color:#a60e09;}
.BackgroundRed {background-color: #a60e09; } /* Trash bouton devisdetails  */
.ColorGreen { color:#0abb87}
.BackgroundGreen {background-color: #0abb87;}
.BackgroundYellow {background-color: #FFD814;}
.ColorOrange { color:#ff981c}


.blank {color:#fff}
.red { color:#F00 !important;}
.cyan { color:#42c1d1 !important;}


.commandecolor { color:#0abb87 !important;}
.deviscolor {  color:#ff981c; }


/* 2.MARGES & BLOCKS */

.m-b{ margin-bottom:15px;}

.CenterBlock{float:none; margin-left:auto; margin-right:auto}
.RightBlock { float: right;}
.LeftBlock { float: left;}
.Bold{ font-weight: bold;}

.title {font-weight: bold;font-size: 18px; color:#010101; line-height:23px; margin: 0 0 20px 0;}
.ss-title {font-size:12px;}
.titleWithBtn { padding-top: 7px;}

/*****************************************************************/
/*                       PAGE COMMANDE                           /*
/*****************************************************************/

#DevisCommande h1 {font-weight:bold; text-align:center; font-size:20px; padding:0px 0px 25px 0px;}
.Step { min-height: 450px; font-size: 15px; line-height: 35px; padding: 0px 0px 20px 0px;}
.Step label {text-align: center; font-weight: normal; margin: 0px 0px 15px 0px;}

.AdresseLivraison {font-weight:initial !important;height:200px !important; margin: 15px 0px !important; text-align: left !important; overflow: hidden; background-color: rgb(255, 255, 255);}

.StepCommande ul{display: block; border: 0 solid #ccc!important;padding: 0;border-radius: 5px;list-style: none;overflow: hidden;}
.StepCommande ul li{    float: left;}
.StepCommande ul li a{color: #000;    text-decoration: none;    padding: 11px 0 10px 45px;    position: relative;    display: block;    float: left;
    border-radius: 0;    outline-style: none;    background: #eee; text-align: center; font-size: 16px;}
.StepCommande ul li a:before{    content: " ";    display: block;    width: 0;    height: 0;    border-top: 50px solid transparent;    border-bottom: 50px solid transparent;
    border-left: 30px solid white;    position: absolute;    top: 50%;    margin-top: -51px;    margin-left: 1px;    left: 100%;    z-index: 1;}
.StepCommande ul li a:after{   content: " ";    display: block;    width: 0;    height: 0;    border-top: 50px solid transparent;    border-bottom: 50px solid transparent;
    border-left: 30px solid #eee;    position: absolute;    top: 50%;    margin-top: -51px;    left: 100%;    z-index: 2;}
.OneLine { line-height: 36px !important;} 
/*.StepCommande ul li a:hover{ background-color:#0abb87!important; border-top-color:#0abb87 !important; color:#fff !important}
.StepCommande ul li a:hover:after{ border-left-color:#0abb87 !important; }*/
/*.StepCommande ul li a:active{ background-color:#0abb87!important; border-top-color:#0abb87 !important; color:#fff !important}
.StepCommande ul li a:active:after{ border-left-color:#0abb87 !important; }*/
.StepCommande ul li a.surlignedclass{ background-color:#0abb87!important; border-top-color:#0abb87 !important; color:#fff !important}
.StepCommande ul li a.surlignedclass:after{ border-left-color:#0abb87 !important; }

.InfosPanierDevis { padding-top:2px; font-size: 16px; cursor: pointer;}
.StepEdit {float: left;}
.StepEdit1 { float: left; padding: 21px 0px 20px 20px; font-size: 25px; background-color: #0abb87;}
.StepEdit1 .fa-edit {color: #fff !important;}
.StepEdit a{ padding: 12px 0 10px 15px !important;}

@media only screen and (max-width: 1400px) {
    .StepCommande ul{display: block; border: 0 solid #ccc!important;padding: 0;border-radius: 5px;list-style: none;overflow: hidden;}
    .StepCommande ul li{    float: left;}
    .StepCommande ul li a{color: #000;    text-decoration: none;    padding: 11px 0 10px 35px;    position: relative;    display: block;    float: left;
        border-radius: 0;    outline-style: none;    background: #eee; text-align: center; font-size: 11px;}
    .StepCommande ul li a:before{    content: " ";    display: block;    width: 0;    height: 0;    border-top: 50px solid transparent;    border-bottom: 50px solid transparent;
        border-left: 30px solid white;    position: absolute;    top: 50%;    margin-top: -51px;    margin-left: 1px;    left: 100%;    z-index: 1;}
    .StepCommande ul li a:after{   content: " ";    display: block;    width: 0;    height: 0;    border-top: 50px solid transparent;    border-bottom: 50px solid transparent;
        border-left: 30px solid #eee;    position: absolute;    top: 50%;    margin-top: -51px;    left: 100%;    z-index: 2;}
    .OneLine { line-height: 36px !important;} 
    .StepCommande ul li a:hover{ background-color:#0abb87!important; border-top-color:#0abb87 !important; color:#fff !important}
    .StepCommande ul li a:hover:after{ border-left-color:#0abb87 !important; }
    .StepCommande ul li a:active{ background-color:#0abb87!important; border-top-color:#0abb87 !important; color:#fff !important}
    .StepCommande ul li a:active:after{ border-left-color:#0abb87 !important; }
    .StepCommande ul li a.surlignedclass{ background-color:#0abb87!important; border-top-color:#0abb87 !important; color:#fff !important}
    .StepCommande ul li a.surlignedclass:after{ border-left-color:#0abb87 !important; }
    .StepEdit1 {font-size: 12px;}
  }